﻿/*
 SharpContent
 Copyright (c) 2002-2009, State of Montana
 
 Redistribution and use in source and binary forms, with or without modification,
 are permitted provided that the following conditions are met:
 
 1. Redistributions of source code must retain the above copyright notice,
 this list of conditions and the following disclaimer.
 2. Redistributions in binary form must reproduce the above copyright notice,
 this list of conditions and the following disclaimer in the documentation
 and/or other materials provided with the distribution.
 3. Neither the State of Montana nor the names of contributors may be used to endorse
 or promote products derived from this software without specific prior
 written permission.
 
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
 OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
 SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
 INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR
 BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
 ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
 DAMAGE.
 */
body {
    background: #666666 none repeat scroll 0 0;
    border: 0 none;
    font-size: 90%;
    margin: 0px;
    padding: 0px;
    font-family: sans-serif, arial, verdana, georgia;
}

#wrapper {
    margin: 0px;
    padding: 0px;
    border: 0 none;
    background: #666666 none repeat scroll 0 0;
}

/***** Top Bar *****/
#bar {
    width: 100%;
    margin: 0px;
    clear: both;
    background: #4a598c url('/SharpMedia/Resources/images/barback.png') repeat-x top left;
    line-height: 50px;
}

#bar h1 {
    padding-left: 15px;
    padding-bottom: 1px;
    margin: 0px;
    color: #ffffff;
    font-family: sans-serif, trebuchet;
    letter-spacing: 1px;
    white-space: nowrap;
    background: transparent url('/SharpMedia/Resources/images/barcode.png') no-repeat top right;
}

#bar h1 a {
    color: #eeeeee;
    text-decoration: none;
}

#bar h1 a:hover {
    color: orange;
    text-decoration: underline;
}

#page {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0 none;
    background: #dddddd none repeat scroll 0 0;
}

#pageClear {
    clear: both;
}

/***** List of inventory Items *****/
#block1 {
    display: block;
    float: left;
    width: 25%;
    height: 600px;
    position: relative;
    background-color: #cccccc;
    border-right: solid 1px #cccccc;
}

#block1header {
    float: left;
    display: block;
    width: 99%;
    position: relative;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    height: 16px;
    background-color: #ffffff;
    clear: both;
    border-bottom: none;
}
/*
#block1header {
    padding-left: 34px;
    background: #ffffff url('/SharpMedia/Resources/images/folder_orange_open.png') no-repeat scroll 8px .4em;
}
*/
#scrollpane {
    display: block;
    float: left;
    width: 100%;
    height: 519px;
    position: relative;
    overflow-y: scroll;
    background-color: #ffffff;
}

#block1 ul {
    margin-top: 5px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    line-height: 150%;
}

#block1 ul li {
    padding-top: 5px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#block1 ul li a {
    margin-left: 24px;
}

#block1 ul li.parent-directory-item {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#block1 ul li.parent-directory-item {
    padding-top: 5px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    background: transparent url('/SharpMedia/Resources/images/up.png') no-repeat scroll 0px .3em;
}

#block1 ul li.directory-item {
    padding-top: 8px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
   /*background: transparent url('/SharpMedia/Resources/images/folder_orange.png') no-repeat scroll 0px .4em;*/
}

#block1 ul li.file-item {
    padding-top: 8px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    /*background: transparent url('/SharpMedia/Resources/images/misc_doc.png') no-repeat scroll 3px .4em;*/
}

#block1 ul li a {
	margin-left: 2px;
}

li.parent-directory-item {
    margin-left: -8px;
    padding: 0px 0px;
    line-height: 1.6em;
}

li.directory-item {
    margin-left: 10px;
    padding: 0px 0px;
    line-height: 1.3em;
}

li.file-item {
    margin-left: 10px;
    padding: 0px 0px;
    line-height: 1em;
}

#block1footer {
    display: block;
    width: 100%;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    height: 28px;
    background: #dddddd;
    clear: both;
    border-top: solid 1px #666666;
}

#block1footer input {
    float: right;
    margin-right: 10px;
}

/***** Selected Item Update Form *****/
#content {
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #dddddd;
    position: relative;
    height: 600px;
    width: 74%;
}

#header {
    width: auto;
    padding-left: 20px;
    padding-top: 20px;
    margin: 0px;
    height: 75px;
}

#header h2 {
    white-space: nowrap;
    margin: 0px;
}

#breadcrumbs {
    color: #555555;
    display: none;
}

#itemimage {
    float: left;
    top: 0px;
    clear: right;
}

/***** Scrollable pane where items can be updated *****/
#pane {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow-y: scroll;
    height: 455px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background: #eeeeee;
}

h3 {
    margin: 0px;
    padding: 3px;
    padding-left: 15px;
    background: #dddddd;
}

#properties, #relationships, #networkInterfaces, #documentation, #references {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
    color: #666666;
}

#properties h3 {
    background: transparent url('/SharpMedia/Resources/images/accordion_selected.png') repeat-x top left;
    margin-top: 0px;
    padding-top: 0px;
}

#accordion h3 {
    background: transparent url('/SharpMedia/Resources/images/accordion_bar.png') repeat-x top left;
    margin-top: 0px;
    padding-top: 0px;
}

#properties form {
    margin-top: 10px;
    padding-bottom: 20px;
    padding-top: 0px;
    max-width: 100%;
    width: 100%;
}

#properties label {
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 20%;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
}

#properties input {
    display: inline;
    float: left;
    margin: 5px 0 0 10px;
    width: 75%;
}

.ErrorMessage {
    color: red;
    font-size: .8em;
    clear: both;
    margin: 0px 0px 10px 70px;
    border: 1px solid red;
    padding: 2px;
    width: 90%;
    display: none;
}

.error {
    color: red;
    font-weight: bold;
    font-size: 1.5em;
    display: none;
}

#documentation textarea {
    width: 90%;
    margin: 20px 0px 20px 20px;
}

#relationships table {
    margin: 20px 0px 0px 20px;
}

#relationships th {
    text-align: left;
}

#references form {
    margin-top: 10px;
    padding-bottom: 20px;
    padding-top: 0px;
    max-width: 100%;
    width: 100%;
}

#references input {
    display: inline;
    float: left;
    margin: 20px 0px 20px 20px;
    width: 50%;
}

#interfaceList {
    margin: 0px 0px 0px 20px;
}

/***** footer of form panel where buttons reside *****/
#footer {
    float: left;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 10px;
    margin: 0px;
    height: 30px;
    text-align: right;
}

#save-item-button {
    margin-right: 5px;
    font-weight: bold;
}

#cancel-item-button {
    margin-right: 25px;
}

/***** powered by MetaCollection 2.0 bar *****/
#bottombar {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
    background: #666666;
    line-height: 10px;
}

#bottombar p {
    float: right;
    margin: 0px;
    padding: 5px 15px 5px 0px;
    color: #eeeeee;
    font-family: sans-serif, trebuchet;
    white-space: nowrap;
}

#browse-folder-popover {
    z-index: 101;
    position: absolute;
    left: 350px;
    top: 75px;
    background-color: #cfcfcf;
    border: solid 2px #000;
}

#browse-window-title {
    height: 15px;
    background-color: #D56100;
    padding: 0px 10px 0px 10px;
    font-family: sans-serif;
    font-weight: bold;
}

#browse-window-title a {
    text-decoration: none;
    color: black;
}

label.overTxtLabel {
	font-weight: bold;
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #999;
}
